#cover{position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;}
#gHeader,#main{opacity:0;}
#gFooter{opacity:0;}

#cover{visibility:hidden;}
#gFooter .waves{display:none;}

#main{position:relative;z-index:1;}
#main .text{position:absolute;z-index:1;left:1.15rem;top:50%;transform:translateY(-80%);color:#fff;padding-bottom:.33rem;}
#main .text:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:.06rem;background:#fff;transition:right .8s ease;}
#main .text:hover:after{right:.4rem;}
#main .text .en{font-weight:bold;font-size:.66rem;margin-bottom:.23rem;}
#main .text .en span{display:inline-block;width:.16rem;height:.16rem;background:#fff;border-radius:50%;margin-left:.24rem;}
#main .text .cn{font-size:.4rem;}

#balls,#waves{position:fixed;z-index:0;left:0;top:0;width:100%;height:100%;}

.loading{display:none;position:absolute;z-index:101;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;}
.loading svg{width:190px;height:84px;margin-bottom:34px;}
.loading .slogan{font-size:16px;color:#404040;letter-spacing:10px;margin-bottom:46px;}
.loading .rate{font-size:18px;color:#951c4f;}

.sec01 .video{position:absolute;right:13.75%;top:50%;transform:translateY(-65%);width:4.8rem;height:4.8rem;overflow:hidden;background:#a61955;}
.sec01 .video video{display:block;width:100%;mix-blend-mode:screen;}

.sec01 .waves{bottom:-25vh;z-index:0;}
.sec01 .parallax > use:nth-child(3){fill:rgba(255,255,255,.9)!important;}

.sec01 .scrollDown{position:absolute;opacity:0;left:50%;transform:translateX(-50%);bottom:.3rem;height:.14rem;padding-left:.4rem;font-size:.14rem;color:#a61955;}
.sec01 .scrollDown span{position:absolute;left:0;top:50%;transform:translateY(-50%);width:.24rem;height:.36rem;border-radius:.12rem;background:#a61955;}
.sec01 .scrollDown span:after{animation:mousewheel 2.2s infinite cubic-bezier(0.65,0.05,0.36,1);content:'';position:absolute;left:50%;top:.08rem;transform:translateX(-50%);width:.03rem;height:.08rem;border-radius:.015rem;background:#fff;}

.telSection{display: none;}
.sec02{position:relative;background:#fdf5f8;white-space:nowrap;}
.sec02 .item{position:absolute;left:50%;top:50%;border-radius:50%;}
.sec02 .item:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:#a61955;border-radius:50%;overflow:hidden;transition:transform .6s ease;}
.sec02 .item .inner{height:100%;box-sizing:border-box;color:#fff;}
.sec02 .item .pic{position:absolute;z-index:0;}
.sec02 .item .pic img{position:relative;z-index:1;display:block;width:100%;}
.sec02 .item .pic .shadow{position:absolute;z-index:0;top:0;left:50%;transform:translateX(-50%);width:auto;height:117%;}
.sec02 .item .title{position:relative;z-index:1;}
.sec02 .item .en{font-weight:bold;}
.sec02 .item .more{opacity:.8}
.sec02 .item .more span{display:inline-block;vertical-align:baseline;background:#fff;margin-left:.24rem;width:0;height:2px;transition:width .3s ease;}
.sec02 .item.hover .more span{width:.36rem;}
.sec02 .item a{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;border-radius:50%;overflow:hidden;}
.sec02 .item.hover:before{transform:scale(1.05);}

.sec02 .item1{z-index:1;width:2.42rem;height:2.42rem;margin-left:-8.2rem;margin-top:-2.73rem;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.sec02 .item1 .inner{height:auto;}
.sec02 .item1 .en{font-size:.25rem;margin-bottom:.1rem;}
.sec02 .item1 .cn{font-size:.18rem;margin-bottom:.2rem;}
.sec02 .item1 .more{font-size:.12rem;}

.sec02 .item2{width:4.8rem;height:4.8rem;margin-left:-4.64rem;margin-top:-2.5rem;}
.sec02 .item2 .inner{padding:4rem 0 0 1.55rem;}
.sec02 .item2 .pic{left:2.2rem;top:.07rem;width:3.16rem;}
.sec02 .item2 .title{position:absolute;left:-1rem;top:.55rem;width:3.2rem;height:3.2rem;padding:1.2rem 0 0 .36rem;box-sizing:border-box;border-radius:50%;color:#404040;background:rgba(255,255,255,.95);}
.sec02 .item2 .en,.language2 .sec02 .item2 .en span{font-size:.4rem;margin-bottom:.2rem;}
.sec02 .item2 .cn{font-size:.3rem;}
.sec02 .item2 .cn span,.language2 .sec02 .item2 .en span{display:inline-block;padding-bottom:.12rem;border-bottom:.06rem solid #a61955;}



.sec02 .item2 .more{font-size:.16rem;}

.sec02 .item3{width:2.1rem;height:2.1rem;margin-left:.8rem;margin-top:-3.2rem;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.sec02 .item3 .inner{height:auto;}
.sec02 .item3 .en{font-size:.21rem;margin-bottom:.07rem;line-height: 0.25rem;}
.sec02 .item3 .cn{font-size:.16rem;margin-bottom:.15rem;}
.sec02 .item3 .more{font-size:.12rem;}

.sec02 .item4{width:3.2rem;height:3.2rem;margin-left:3.8rem;margin-top:-1.66rem;}
.sec02 .item4 .inner{padding:1.2rem 0 0 .3rem;}
.sec02 .item4 .pic{left:2.43rem;top:.3rem;width:1.67rem;}
.sec02 .item4 .en{font-size:.34rem;margin-bottom:.16rem;}
.sec02 .item4 .cn{font-size:.25rem;margin-bottom:.3rem;}
.sec02 .item4 .more{font-size:.16rem;}

.sec02 .circles span{position:absolute;left:50%;top:50%;border-radius:50%;animation:molecule 3s linear 0s infinite;}
.sec02 .circles span:nth-child(1){width:1.2rem;height:1.2rem;margin-left:-8.66rem;margin-top:2.18rem;background:#f1cdd6;}
.sec02 .circles span:nth-child(2){width:.84rem;height:.84rem;margin-left:-6.66rem;margin-top:-2.67rem;background:#f1cdd6;}
.sec02 .circles span:nth-child(3){width:1.72rem;height:1.72rem;margin-left:-4.8rem;margin-top:4.74rem;background:#cd5b7f;}
.sec02 .circles span:nth-child(4){width:.38rem;height:.38rem;margin-left:-2.43rem;margin-top:1.67rem;background:#a61955;}
.sec02 .circles span:nth-child(5){width:1.2rem;height:1.2rem;margin-left:-1.45rem;margin-top:.38rem;background:#f1cdd6;}
.sec02 .circles span:nth-child(6){width:.65rem;height:.65rem;margin-left:.77rem;margin-top:-3.22rem;background:#f1cdd6;}
.sec02 .circles span:nth-child(7){width:.32rem;height:.32rem;margin-left:4.5rem;margin-top:-2.56rem;background:#a61955;}
.sec02 .circles span:nth-child(8){width:.44rem;height:.44rem;margin-left:5.26rem;margin-top:2.93rem;background:#f1cdd6;}
.sec02 .circles span:nth-child(9){width:1.08rem;height:1.08rem;margin-left:6.32rem;margin-top:.7rem;background:#f1cdd6;}
.sec02 .circles span:nth-child(10){width:.64rem;height:.64rem;margin-left:8.13rem;margin-top:-1.16rem;background:#cd5b7f;}

.sec02 .circles span:nth-child(1){animation-delay:0s;}
.sec02 .circles span:nth-child(2){animation-delay:-.3s;animation-duration:3.2s;}
.sec02 .circles span:nth-child(3){animation-delay:-.7s;animation-duration:3.5s;animation-name:molecule1;}
.sec02 .circles span:nth-child(4){animation-delay:-.5s;animation-duration:4s;}
.sec02 .circles span:nth-child(5){animation-delay:-.9s;animation-duration:3.7s;}
.sec02 .circles span:nth-child(6){animation-delay:-.4s;animation-duration:3.8s;animation-name:molecule1;}
.sec02 .circles span:nth-child(7){animation-delay:-.1s;animation-duration:3.9s;}
.sec02 .circles span:nth-child(8){animation-delay:-.6s;animation-duration:3.4s;animation-name:molecule1;}
.sec02 .circles span:nth-child(9){animation-delay:-.2s;animation-duration:3.6s;}
.sec02 .circles span:nth-child(10){animation-delay:-.8s;animation-duration:3.1s;animation-name:molecule1;}


@media all and (max-width:1400px) {
    .sec02 .item1,.sec02 .item2,.sec02 .item3{transform:translateX(1rem);}
}


@media all and (max-width:767px){
    #main .text{position:relative;transform:none;left:0;top:0;margin-left:.3rem;margin-bottom:.3rem;}
    #main .text:hover:after{right:0;}
    #main .text .en{font-size:.6rem;}

    #gFooter{transition:all 0.2s ease; }
    #gFooter.telProOn{overflow:visible; opacity: 1;}
    #gFooter.telProOn .waves{display: block}

    #gFooter .contact,#gFooter .copyright{transition:opacity .5s ease;}

    .fp-viewing-0 #gFooter .contact,.fp-viewing-0 #gFooter .copyright{opacity:0!important;}
    .fp-viewing-1 #gFooter .contact,.fp-viewing-1 #gFooter .copyright{opacity:1;}

    .sec01 .video{position:static;transform:none;width:6.3rem;height:6.3rem;margin:0 auto;}
    .sec01 .video img{display:block;width:100%;height:100%;}

    .sec01 .swipeDown,.sec02 .swipeDown{position:absolute;left:50%;transform:translateX(-50%);bottom:.3rem;width:.3rem;}
    .sec02 .swipeDown{bottom:2.1rem;}
    .sec01 .swipeDown svg,.sec02 .swipeDown svg{display:block;width:100%;height:.16rem;fill:#a61955;animation:arrowAnim 1.5s steps(1, end) 0s infinite;}
    .sec01 .swipeDown svg:first-child,.sec02 .swipeDown svg:first-child{margin-bottom:-.02rem;animation-delay:-.5s;}

    .telSection{display: block;}
    .pcSection{display: none;}
    .sec02 .products .slideItem{height:5.3rem;display:flex!important;align-items:center;}
    .sec02 .item{position:relative;left:auto;top:auto;right:auto;margin:auto!important;}
    .sec02 .item1,.sec02 .item3{width:4rem;height:4rem;}
    .sec02 .item2,.sec02 .item4{width:5.3rem;height:5.3rem;}
    .sec02 .item4 .inner{padding-top:2.2rem;}
    .sec02 .item4 .pic{top:1.3rem;width: 2.4rem;}
    .sec02 .item .pic .shadow{height: 123%;}
    .sec02 .slick-dots{position:absolute;left:0;right:0;top:120%;display:flex;justify-content:center;}
    .sec02 .slick-dots li{width:.2rem;height:.2rem;border-radius:50%;background:#f1cdd6;margin:0 .1rem;}
    .sec02 .slick-dots li.slick-active{background:#a61955;}
    .sec02 .slick-dots li button{display:none;}

    .sec02 .circles span:nth-child(1){margin-left:-3.6rem;margin-top:1.68rem;}
    .sec02 .circles span:nth-child(2){margin-left:2.24rem;margin-top:-1.56rem;}
    .sec02 .circles span:nth-child(4){margin-left:-1.03rem;margin-top:-3.32rem;}
    .sec02 .circles span:nth-child(9){margin-left:3.3rem;margin-top:3.6rem;}
    .sec02 .circles span:nth-child(10){margin-left:3.42rem;margin-top:-4.78rem;}
    .sec02 .circles span:nth-child(3),
    .sec02 .circles span:nth-child(5),
    .sec02 .circles span:nth-child(6),
    .sec02 .circles span:nth-child(7),
    .sec02 .circles span:nth-child(8){display:none;}
    .sec02 .item1, .sec02 .item3{transform: translateX(0rem);}
    .sec02 .item2{transform: translateX(0.5rem);}
    .sec02 .item1 .en{font-size: .35rem}
    .sec02 .item1 .cn{font-size: .33rem;}
    .sec02 .item1 .more{font-size: .2rem;}
    .sec02 .item3 .en{font-size: .35rem;line-height: 0.4rem;margin-bottom: .15rem;}
    .sec02 .item3 .cn{font-size: .33rem;}
    .sec02 .item3 .more,.sec02 .item2 .more,.sec02 .item4 .more{font-size: .2rem;}
    .sec02 .item4 .en{font-size: .35rem}
    .sec02 .item4 .cn{font-size: .33rem;}
    .sec02.telSec3 .item2 .title{padding: 1rem 0 0 .36rem;}
    .sec02.telSec4 .item2 .title{padding: 1rem 0 0 .25rem;}

    .wapProWaves{position: fixed; z-index: 9;width: 100%;bottom: 0; opacity: 0; transition:opacity 0.2s ease; }
    .wapProWaves.on{opacity: 1;}
}

@keyframes mousewheel{
    0%{transform:translate3d(-50%,-.04rem,0);opacity:0;}
    30%,70%{opacity:1;}
    100%{transform:translate3d(-50%,.08rem,0);opacity:0;}
}

@keyframes arrowAnim{
    0%,66.666%,100%{opacity:.4;}
    33.333%{opacity:1;}
}